<html>

<style>
    p {
        border: 1px solid red;
    }
</style>
<body>
<h1>hello word!!!</h1>
<p>this is a html page</p>


<script>
    var oBody = document.querySelector("body");



    var pString = ''

    for (var i = 0; i < 100; i++) {
       pString += `<p>${i}</p>`
    }

    oBody.innerHTML = pString

</script>
</body>
</html>